<script type="text/javascript">
    jQuery(function($) {
        $("#txtCheckinRegistracion").mask("9999-99-99");
        $("#txtCheckoutRegistracion").mask("9999-99-99");
    });
</script>
<head>
    <script src="js/jquery.maskedinputs.js" type="text/javascript"></script>
    <script src="js/clientes.js" type="text/javascript"></script>
    <script src="js/registraciones.js" type="text/javascript"></script>
    <script src="js/habitaciones.js" type="text/javascript"></script>
    <script src="js/movimientos.js" type="text/javascript"></script>
    <script src="js/cobros.js" type="text/javascript"></script>
</head>
<body >
    <table style="width: 100%;">
        <tr>
            <td style="width: 40%;">
                <h2>Principal > Registraciones</h2></td>
            <td style="width: 57%;"></td>
            <td><div class="btnClose" onclick="hideRegistracion(1)">X</div></td>
        </tr>
    </table>
    <table id="registraciones" border="0" style="width: 100%;">
        <tbody>
            <tr>    
                <td colspan="6" 
                    style="padding-top: 5px;font-weight: bold;border-style: solid; border-width: 0px; border-top-color: lightblue;border-top-width: 1px;">
                    Datos de Reserva
                </td>
            </tr>
            <tr>
                <td>A nombre de </td>
                <td><label id="lblRegistracionANombreDe">Ariel Luis Cessario</label></td>
                <td>Cantidad Reservada</td>
                <td>
                    <label id="lblRegistracionCantCamasCounter">0/0</label>
                </td>
            </tr>
            <tr>    
                <td>Checkin</td>
                <td><input type="text" id="txtCheckinRegistracion" name="txtCheckinRegistracion" value="" class="generalInput"/></td>
                <td>Checkout</td>
                <td><input type="text" id="txtCheckoutRegistracion" name="txtCheckoutRegistracion" value=""  class="generalInput"/></td>
                <td colspan="1" style="font-size: 1.3em;">Precio</td>
                <td style="font-size: 1.3em;font-weight: bold;color: #2d97af;">$<input type="text" id="txtPrecioHabitacionRegistracion" class="generalInput"></input></td>
            </tr>
            <tr>    
                <td colspan="6" 
                    style="padding-top: 5px;font-weight: bold;border-style: solid; border-width: 0px; border-top-color: lightblue;border-top-width: 1px;">
                    Datos de Cliente
                </td>
            </tr>
            <tr>
                <td>Nombre</td>
                <td><input type="text" id="txtNombre" name="txtNombre" value=""  onkeyup="getClientes('Apellido', 4, 'listadoRegistraciones', 'registraciones');" class="generalInput search"/></td>
                <td>Apellido</td>
                <td><input type="text" id="txtApellido" name="txtApellido" value=""  onkeyup="getClientes('Apellido', 4, 'listadoRegistraciones', 'registraciones');" class="generalInput search"/></td>
                <td>Mail</td>
                <td><input type="text" id="txtMail" name="txtMail" value="" onkeyup="getClientes('Apellido', 4, 'listadoRegistraciones', 'registraciones');" class="generalInput search"/></td>
            </tr>
            <tr>
                <td>Tipo Doc.</td>
                <td>
                    <SELECT name="cboTipoDoc" id="cboTipoDoc" class="generalInput">
                        <option value=0>DNI</OPTION>";
                        <option value=1>Passaporte</OPTION>";
                        <option value=2>Cédula</OPTION>";
                        <option value=3>Libreta</OPTION>";
                        <option value=4>Otro</OPTION>";

                    </SELECT>
                </td>

                <td>Nro. Doc.</td>
                <td><input type="text" id="txtNroDoc" name="txtNroDoc" value="" onkeyup="getClientes('Apellido', 4, 'listadoRegistraciones', 'registraciones');" class="generalInput search"/></td>
                <td colspan="1"></td><td><input type="button" value="Guardar Cliente" name="save" onclick="saveCliente('registraciones')" class="btnSave"/></td>
            </tr>
            <tr >
                <td colspan="12">
                    <div  style="overflow-y:scroll;height: 270px;">
                        <table id="results" class="resultsHeader" style="width: 100%;" cellspacing="0" cellpadding="0" border="0">
                            <thead >
                                <tr >
                                    <th style="width: 10px;" onclick="getClientes('IdCliente')" >Id</th>
                                    <th onclick="getGastos('Fecha')" >Nombre</th>
                                    <th>Apellido</th>
                                    <th>Mail</th>
                                    <th>Nacionalidad</th>
                                    <th>Comentarios</th>
                                    <th>Tipo Doc.</th>
                                    <th>Nro. Doc.</th>
                                    <th>Marcado</th>
                                    <th colspan="1">Acciones</th>

                                </tr>
                            </thead>
                            <tbody id="listadoRegistraciones" style="">

                            </tbody>   

                        </table>
                    </div>
                </td>
            </tr>
            <tr>

            </tr>
            <tr>
                
                <td colspan="1"></td><td><input type="button" value="Guardar" name="save" onclick="saveRegistro(1)" class="btnSave"/></td>
                <td colspan="1"></td><td><input type="button" value="Guardar y Cobrar" name="save" onclick="saveRegistro(2)" class="btnSave"/></td>
                <td colspan="1"></td><td><input type="button" value="Guardar y Cobrar Todo" name="save" onclick="saveRegistro(3)" class="btnSave"/></td>
            </tr>
        </tbody>
    </table>
    <div id="resultadosServer" class="resultadosServer" ></div>
</body>